This is started so as you just explained, guaranteed that we will take today the number nine in the
advertising topic, point number nine, working with a bootstrap template on frappé framework for me,
I didn't understand anything from this title.
So I hope after this session I will understand all this.
And by the way, just to tell you that the.
Uh, I have started understanding some terminology used in the forum regarding Walbrook and Point Epis,
and it is very helpful decisions to be, uh, in the mood, understand what is happening and what is
the questions.
What is, uh, what is the point?
So I am very happy, actually, to reach that point.
That before it was like Chinese for me, I don't know, for others, maybe they are feeling the same,
but for me I was I'm very happy with this.
But it will come.
Gaiam, I thought they are on vacation.
A manageable.
Yes, you are OK, because I got out of office message from Gaiam, he said this in vacation, but now
he joined anyhow.
Welcome Will come on on this vision, let's start garani.
Please go ahead.
Can you see my screen?
Yes.
OK, so let me explain a bit what we have here left so to the trivia, we are integrating the bootstrap
theme then after this.
This topic number eight, a with obscene Frobel framework is very connected to number eight because
ideally what we are seeing here, I mean, to number nine, because ideally what you're seeing here
is the possibility of customizing the front end, sort of customizing the front edge to to use the database,
the next database on top of your customer front.
And so when we install a bootstrap them, we will then probably in the coming days and see how we can
get the data you see again.
But then the data that is on the database or the data that ERP next has on top of our bootstrap thing.
So these three items are very, very relevant.
And then after that, when, for instance, we display a book, a book on our on our application, we
will need it.
For instance, we have multiple books, the landing page as like maybe cuts of three rows of three items.
When you click on one item, you want to navigate to a page, which only has the contents of that book
or that article only.
That is the topic we are having here.
And the beginner topics, item number twenty one.
So after this, these are the topics likely to trickle down very easily.
So let's jump into it.
And I think this is not a complicated topic because so today, Mohammed, I think Mohammed mentioned
that he has already done it.
So that's very encouraging.
We're going to be complicated.
Mohammed, you have done the right.
This is great.
Great.
So where you here?
You feel like I don't explain.
Well, you jump in and help
anybody else.
So what would I have here?
Let me close this.
Another instance.
Up in Florida, we have our training here.
So what we're going to have I have money, you mentioned that also you don't understand what this item
is all about.
Yes, yes.
Do you know what is from.
Uh, bootstrappers like, uh, a template.
Mm hmm.
And, uh, it says, right.
So it's what it's success.
Well, bootstrappers says it has JavaScript, the e-mail, it's basically templates.
Like you said, they are templates.
So what we are seeing is we integrate our own template such that when you come to your instance, this
is our instance.
Instead of seeing this.
Yes.
You see your own template here.
So you can you said in the in the front and not in the back, and the front end is front end.
Like WordPress.
He is going what the process seems.
I mean, you can build a website.
Yes, absolutely.
Actually, this is about websites.
Yes, you are right.
Yeah, but just in the title of the topic there, go there in the title.
The topic here are the fine.
Yeah.
Where where it is highlighted.
Yeah.
Number nine, you said working with a bootstrap template and sometimes you say bootstrap theme.
Yes, I demand a template is more or less the same thing.
Yeah, so if you for instance, if, for instance, you came here and looked for free, would scrap
it and you should be able to get a drink.
This link is clean because I was looking for free templates.
If you open this, you'll see there you see all these are free.
Some of them some others are listed as free, but you buy.
So these all these are free templates or themes, whichever you want to call it.
So theme and templates is the same thing.
More or less.
More or less the same thing.
Maybe it has a difference in terms of English, but in programming I think it's more or less the same
thing.
OK, yeah.
Yeah.
So I have a template here that I try to look for, one that looks like education.
It's called the it's called the Edu Center.
I can share this.
Get someone who wants to practice with it.
You can, you can use this.
I have it here, so if we look at a preview of this, this is how it looks so like now you want by the
end of this tutorial, we want our our landing page, this one, instead of looking like this.
Want it to look like this.
Yeah, we like this.
Yeah.
So so.
So, yeah.
So about we are going to be seeing how we are going to be connecting this so you can, you can download
it.
I have sent this, this link.
So are you able to download it directly from here.
I didn't do that myself.
I have it here.
This is the four day zip file I downloaded in the I extracted it here.
So when you extract this is what you see, you have all these files and folders extracted here now inside
of Europe.
Next, let me make this slightly larger.
Sorry.
Yes.
So downloading.
It's easy.
Can you show us from.
Yeah.
This link is for downloading.
Yeah.
If you click this we will you see what is sorry we will not read download again.
But to win time.
You have already downloaded right.
Yes.
So in your case you need to download it at the debate and here from here you click extract right.
Yes.
Can you do extract.
Let me just let me just start.
Let me just delete this.
Yes.
Let me just delete all this and then I download.
So this is the link.
I download my team.
Here it is.
It has downloaded.
Excellent.
Then it's all in file.
Here it is speaking.
Just copy cat.
This is in downloads so I want to work on it from the desktop so I'll go to desktop and pasted here.
You don't have to do this.
You can just extract from whatever it is here.
So extract here.
Oh, what I did, I just really clicked and then I said, it's right here and they have it here.
So this is what we have.
It's one folder after extraction is one folder.
Yeah.
This one for the code seems open it in.
Here you have it.
Do you send to open it.
So you have your files here.
OK, so which file you need at the end this file.
Yeah.
We, we need all this.
It, it depends on what you want.
Let me go to the VM.
It depends on what you want because ideally the the index page, this index there must be an index,
this index page here is what is here.
And then you see we have about which is going to about what e-mail if you could.
Here you have about the e-mail somewhere.
Here it is.
So it depends on what you want.
You take the pages that you need.
OK, yeah.
Then we have all this.
So we move on now instead of Europeanised.
If you want to see how this folders are structured, go to the sites directory and then instead of here
you have this the assets look at the assets as this directory.
And then instead of as a directory, you see we have library management and I think we are not seeing
it well here because these are not folders as they look.
Instead, they are they are symbolic links which are linking to our applications.
So if you look at it from the from this level.
Let me let me get to that directory or pity then bench and then training and then and then what?
In the insights and then sets.
You see this these these are these are things these are symbolic things.
You see the way they look this, this and this.
So these are the variables that we have.
ERP next frappé and library management.
These are symbolic things that are linking directly into our into our ops directorate.
We are working on this one.
For instance, when we open our management up here, we have two files.
We have access and we have Geass.
So this is where we want to to add our teams about the importance of files and where this thing is,
because we want to be able to access this easily.
How you going to get here?
Is from you instance, this is out in an instance, go to UPS.
Remember, this is symbolic things they are not real for does go to UPS, then open your library management
up.
And then this again, my library management.
And then here you see a public public folder inside of this public folder.
What you place here mostly are contents that will not change a lot.
For instance, images.
We have images.
We have just files.
We have access files.
So we open this.
You see here already we have Access Ingeus.
These are the ones that are being used by our application by default, the ones that come with your
application, we when you install it.
So we need now to carry our we need to carry our static files and replace them in this folder, in our
static files.
Remember, from our team, that is the static files that are the team.
We have access fonts, images, JS plug ins and access.
Apparently here we cannot just copy these things and print them here, because if we do, we have access
file folder here.
Here we have access.
We have the yes, here we have Geass.
So these are going to cause a conflict.
So we can just copy this.
Remember, this is from the team we just downloaded and then we come to Europeanist instance, right
click and we create a new directory here.
But I can't create I don't have rights so I can do this from the terminal.
So do so, do so I mean, let me make this larger.
Yes.
Europe should also be happy and then I it gets too uppity bench and then training up and I go to AAPS
in the library, the library again, and I think we have our public.
Yes.
If it gets to public.
Public and now you can do so to me directly and we call it what we can call this dream, because this
is you can call this whatever you want to call it.
I just want to call it theme for now.
And they just need to provide my password, and I think we have our folder, so this folder, if we
release directly, we have a for here so we can give it permission so that we are able to paste our
photos there.
So should the gentleman seven recursively for the.
OK, so we are now OK.
Yeah, this one up on iTunes now.
So when we come here, we have our theme folder here.
Let me open this other one.
That is what we have there.
Yeah.
So we need to copy these folders, the static folders.
So these are not going to be changing so much.
So we just copy them and then we post them inside of our theme.
So this will be able to access our services in JavaScript by going to the router, the public route
and then VM and then we exercise access.
Now, if you go back to the.
Sites directory.
They say it's UPS training, if you go back to sites and you go to assets and this one you see here
we have now for the them.
So this is what I was seeing.
This are not actual folders.
These are just links.
They are linking to the folders that we put there.
So now our our our theme folder is accessible by the whole system.
Now we can go ahead and now try to replace our to try to create a page instead of our instance that
will contain this code, the index doltish, the email code.
And we expect that this code is going to look exactly like this.
This go back home is going to look like what we have here.
So how do we do that inside of this?
If you go to your up.
Your up.
You see that photo that we have here right now, it's empty.
This is where you are going to be greeting all our pages.
So, again, looking at it from the from the directory view, let me go back here so that we see how
that looks from here, training and then UPS and I Proline Library.
And here you have the ability right now it's empty.
It's waiting for us to put in some content, some content here.
So what you're going to do here for now.
Just one moment.
Uh.
What do you want to do here?
Let's just copy, let's keep it not what what happens in case we copy our index like this?
Copy.
I don't know whether we have permission to write here.
We don't.
So so we can we can give it permissions also.
So we are we clear this.
Lives in the out library management out again, at least we have it there, see the library, at least
we have the area so we can do to do change mood.
OK, so now we can we can copy our we can try to piece this.
So we have our index dotage, the e-mail file here.
So what happens when we try to access our Web site?
Now we do this in the traditional file here.
If we go to our e-mails here in the RELOJ.
Nothing happens to this thing, nothing has happened here, what we do remember, we have pasted this
index note e-mail inside of our app and w w w Fulda, what if we rename with the name this file, rename
it to something like Lybrel, something like Lybrel, enter.
And then we come here and try to access library here.
What we are going to see here is that our page is trying to load the file that we placed to them.
And it is it is loading, yes, it has the content, but now it's not able to access the static files,
that is the genius, the access and even the images.
If you inspect all the view page source here, look at, for instance, this.
Yes, this is going to plugins a slick of ins, bootstrap, bootstrap, meaning.
Now, this is not where this is not the way this thing is.
This is not a static files, are these static files.
Remember, we placed them inside of our we place them inside of our public for the theme.
So we should at least like now here we have we have plug in plug ins here.
OK.
And then we have bootstrap file and then the bootstrap is here.
So we have public these plug ins bootstrap.
This is what are supposed to have here.
So it's missing something.
That's why it's not is not able to get it.
So how do we connect it to our.
How do we connected such that we are able to see to see everything here?
Now, if we go back to our port, our code is here now.
So we are able to access we see we we have inside of the we have library duties, e-mail, we open it.
And this is where we have a problem.
This is where this is why our files are not eroding.
And by the way, another way to test it is when you are here, let me repeat source again.
If you click on any of this is not going to show you anything.
Is going to tell you not found.
I think so.
Let's see what it does and it's troubling to do something and it's not.
No, it's not supposed to do that.
Let me see.
Sleek.
I think this is an area where it's not returning, is not returning the cases that we're expecting.
So this is not CSI.
Is it different?
This is the e-mail.
So when you click on any of these links is not going to work because ideally it's not seeing this is
not it's not able to get that item.
So what if we dealt with this first one and what are we going to do?
We do as it's.
It's open.
Let's get let's get this and then of the assets, we have our team.
We have asked since.
Not OK.
OK, good, so we have assets, then we have our uppercase library management, so let me scroll this.
So here we are going to have some space library.
Management, so this is the name of your app management, any more of your app?
And then after the name of your app, what you're going to do next is the folders that you created so
powerful that he has got them.
So we are going to put here them and then instead of them, we now have inside of them, we now have
plugins.
So this one is OK.
So I think now we can release it.
So I think we are supposed to add a assets management team.
Then there is to continue if we come back in sometimes.
But this one you need to you may need to reload.
You may need to restart your server.
We come back to this and included.
Are we going to have any difference?
So that even before we speak to the others, at least we are sure something is watching.
So ready to finish reloading and let's see what we have.
Yes, good.
Mumu, sounds like you have a question, you replace only one link, right?
Yes, I replaced Willink because I wanted to show how you can check if your links are still broken.
So now, apparently our system is getting bootstrap.
So if we will be the again, you see this link has changed.
If I click on it, this is not blackstrap, it is excess.
You see this one?
I was able to access it if we come here to click this other one.
Again, this is routine e-mail, so this link is still broken and sometimes when you click on that is
going to tell you is going to give you a feel for not found error.
So when you see any of those, just know that they link.
They clicked is wrong.
So next, we are going to just do a find and replace of all these other links and add this section.
This is the section we added, as is then the name of our app and then theme.
Remember, theme is is the folder that we created inside of a directory here, which is this theme here.
So now we can copy this, all of that plugins.
And this is a blank page depending on whichever editor you are using it to be different by.
Just do a find and replace.
So I have plug ins.
I want to replace that with that.
Now, note, I have copied from history all the way to plug ins and then even into what I want to replace
with a half copied each other to plug ins, then click on replace all that has been replaced civic.
Now, that has been done and let's see whether we have a difference in the difference here.
So I have loaded our page and it is loading.
Yes, so now you see we do have images and still we do not definitely we do not have JavaScript, so
why don't we replace JavaScript next so we can hear JavaScript?
Mozilla sits at the bottom of the page, so scroll all the way to the end.
And here we have kids and also from this page, if you inspect, Democrats are also sitting at the end.
So here, if you click on any of this again, is struggling to get something, it's not getting it.
So it's giving us e-mail.
This is not JavaScript, so.
Again, we we need to replace this with we can just copy the link here, because remember, it's the
same thing.
So it's assets all the way to that point.
Then we come down here, we replace replace this first one.
It was that first one and then you have a right here and then we can just go ahead and copy this source
plugins copy and then do a find and replace those plugins replaced with the source, all the to plugins.
Copy paste and replace all that's done in here, not sometimes when you do that, like, you know,
this JavaScript has not been replaced.
The reason is because.
We have such a White House source and the plugins this JavaScript has source images if you come to your
folder here.
You see here we have source plugins, we have a fondness for plug ins, which inside it I think there
is yeah, Jake query and all this.
But then we have another folder here we just did.
Yes.
And this is what contains our mini script file.
So again, he's here.
You need to put this.
So take note, but sometimes you need to check closely to make sure that all the files have been replaced.
And I think we also need to do that for some one of our one of our Sears's counseling's.
Let me see which one is one that does not have this.
The way this one here is, is going to give us issues so we deeply that and save it.
We play Restart our.
Somebody I to make sure that everything is OK when we come to our instance and we reload, we are expecting
that when we do this thing, at least everything should be fine except the images.
So let me go ahead and reload and we can see a yellow yellow background, which is a good indicator
that we are we are moving towards the right direction and it's still loading.
I am trying to scroll here.
Still doing stuff.
Yes, good, so our logo is not shown because it really not an image.
You see this?
They are scrolling animations here.
That means JavaScript is working, OK?
Then our pages, I don't know where they are now.
Look at that.
We we are coming to that.
When I click on about the about that has come with our theme when I click on it is reading about the
about us page inside of Europe next.
And I think the same also will happen for contactor speech when I click you see it reading the contact
speech for European.
That's not what we want.
Ideally we want when we click on this, we want to see our customer about our speech and also our contact
and just like that or the other pages.
So now at this level, I think you can guess it.
The images, we are going to do the same, so just copy this, sorry, Karen is money.
You are doing only for one page now, which you placed under W-W folder, which is at the library page,
right?
Yeah, this is the only the landing page.
The first page only only is.
So if you have many pages you have to redo the work for each page.
Right.
Well we are coming there, we will have to redo some.
But then remember we are going to implement templates.
So the template is what we mean is the whole of what what is common, like the header will not change.
You don't you don't need to create multiple headers for your website.
They had to remain the same.
And then you can come down there for the immediacy that is in the case of the website, if there's something
else.
Also, like in the middle here, there are things that people like to be repeated, like know they subscribe.
Now, if you want it on all the pages, you don't have to put it in every individual page.
You can also create this as a template and then you inherit it in all the other pages.
So we proceed, the images now start with the logo.
I don't know where the logo is, we can look for it.
A logo.
I don't know whether it's called logo.
Yes, here.
So when I posted this in images and in that then save.
I have saved Lord.
And if all goes well, you're supposed to see available, if it doesn't load, we may need to restart
our.
Iosava, Massawa, and make sure that everything checks out.
Don't worry, my, my.
Yeah, good.
So I was reading now we do the same for all the other pages.
Now look at this letter here.
This letter is not loading.
And sometimes these letters are put here because of this, that animations that are that are in front
of them.
Sometimes they are put as background images.
So you may need to look for.
Anyway, we have an image tag.
And replace it with the.
With your image.
Yeah, so like, you know, I think this is the first one I picked last, there is another one.
I think it should be another image.
Uh, what is it before this?
But control of currency will find that control, if we are sure.
Let me see.
What are you going to do?
Anything.
So here we have images.
Yes.
So if I do this.
To fight for will you have not it's OK, did we have this?
I see the images here, too, we have these these five and compare us to replace.
Sorry.
That controlled us, it's.
It's the.
OK, so let's see let's see what we have control, which is what?
To.
To change every every, uh, image, uh, location.
OK.
OK, so I can copy the control here to let me try Control Hitcher.
Uh, OK, good.
So I look for that, and then I replaced with a source, let me get the part to our.
To our starting fires, this one copy.
Up to them.
Then replace this.
No, we don't think we do that.
Plus the images, so we are we are looking for everything.
Those images replaced with source, right?
So, yes, everything is nothing.
No results, found source images.
Control if liberty has replaced everything.
Kendrew, if Midge's.
Yeah, I think it has the.
Yeah, so let's just check from the front end.
We rode.
Yes, we have it, so now we have everything loading and that is what we expected.
These images are not doing well.
But if you even if you look at the team that we have, it's showing in the same way when we drew the
team, I don't exactly know why this is this one is this routine from our from our desktop.
This one is fine.
Again, if you come to our easterns, this image is running fine, scrolling down.
This one's our blood.
I don't know if this image does look like that or I have no idea.
So that is exactly what our instance shows.
And good.
We are comfortable with that for now.
Now, this brings us only before we go that if someone has a question, you can bring it up before we
go to we want to see now how we can inherit.
We can get we can break this into templates.
We create a template, and then we try to load to do our both our speech, the about us speech.
We are going to load this about a speech that is in our theme.
This is what we want to see.
So if you have questions regarding what you have covered, bring bring the question on.
Right now, you have to put library in the link, yes, on top, can you make it work so you can remove
a library and replace the landing page, the default ERP Nixonland, the page there?
Yes, we are going to do that.
We are going to do that.
Good.
Thank you.
OK, if you have, uh, multiple, multiple, uh, sights, uh uh uh, we'll have the same, uh, frontal.
If you have multiple sites, yes, uh, well, we have, uh, multiple, uh, at the same front for
the same template.
Apparently is because.
Because to see where we are placing our files, yes, actually, it is going to be the same front end.
Perfect.
Thank you.
Yeah, it's going to be the same front end.
But Karani, if you have multiple sites, you have to install the custom up in that side.
Yes, correct.
So it will not come by default?
No, I do not come by default.
You have to install the custom up on that site.
Yes.
So if you add new site, you have to install that custom up in that U.S..
Yes, clear Bokhara.
Yes.
Is clearly.
Thank you.
Yes, go ahead.
Yes, it's clear.
Thank you.
Um, OK.
All right, so now we want to we want to break this thing into templates so that we don't have now we
want to open our borders.
We don't want our borders to give us headaches again of having to having to do all the work we have
done here.
So we are going to break this thing into headers and then their central body and then they futa.
Now, look at the look at the structure of your folders here inside of excuse me, is that of your custom
app, you have a folder for the code templates.
Now, these templates is what is going to carry or to contain all the template or the template page
that you want to inherit into all the other pages that that you are going to create here.
So what we are going to do here, instead of templates, we are going to create a new folder and you
file not folder in this file.
We can call it.
By the way, if you call this be the immediate entry, please look at what we have.
Let me let me just show you this frappé frappé open Frappier.
And straight away from here, you can see the structure that we are starting to get.
Here is the structure that we have inside of the finest that we are working on.
So the structure of the we have the employees and then we have the ability for if you open the window
before that, you see all the pages that you see on the wall for page and every page has its duty Wi-Fi.
And so Fofo is the amount of photophobia.
So this is what this halves Lippa file is woodstoves, the e-mail file.
So everything that needs to be processed logically is Adolpho for page will happen inside of this file,
followed by file e-mail also has I mean about us.
It's about.
So this is the about you are seeing when you click on the about us link.
Now this is the are both you see and you see again this one extends template Webroot e-mail.
So again, you can edit this if you want to edit, but I strongly recommend that you leave them as they
are.
Remember you said we are not touching your next code and idea.
You can see what you are having here is exactly what you are going to be having there if you come to
templates.
Here you have bestrode e-mail.
This is the email.
If you come to your place file now and put another folder or underfire codebase to this, Gmail is going
to arrive to this file.
And, you know, this file is used in so many other places.
So you do not want to do that.
So don't call other files the names that Frappé has already used you, for instance, you need to create
a template and call it something, because our app is called library.
So we can call this.
Library and a school wrote the.
I don't know whether I will be allowed to play that again.
I can't.
So let me go here.
And the way I am, my.
A complete socity to complete, and I think this is too large.
This was in place, and then from here, you so do touch.
And then I do like Braly.
And that's called Bisto speech to empower.
Uh.
So I have I have now a liberal email file here.
So now I need to give it permissions because I want to be able to access it so I can also do the only
mode that I saw.
OK, that's OK.
Now.
Now I have it somewhere, so my reply to this demand is here I want to cut everything that is common
in this file, this file and put it inside of this file here so that I can inherit it in any page that
I want to inherit that file.
So, for instance, this one now here we have up to where we are both.
Let's see what we can inherit.
We have this this header all the way just before you get to this later.
So this is our section.
Let me see if I go to this head.
Where is the head ending here?
This ending there.
And then we have body.
So body, we are going to leave it there.
But we want the body to be to be dynamic so I can just go ahead and Katrice everything from there and
then pasted here.
I have got everything from from this page, everything from before the body tag, I've cut it and pasted
it inside of my personal e-mail file.
The next thing that is also.
That is also that I can also cut and paste elsewhere, is there futa?
But before we put we put in the food, I remember that everything we inherited this file.
We want some good to be put here somewhere.
Yeah.
So now here we have our FUTA.
So it's like we have this is the structure, the structure we have here.
I can go I can go to the top here.
We have a structure like we have the header and then we have the body and then we have food that.
The.
You have Bobby and then have.
What's happening with my body?
Now for Bobby.
And then we have put puter, so we have eased restrictions and those rules are what we want to do.
These are restrictions we're interested in in our application.
We didn't have the FUTA there, but we wanted to be dynamic because we wanted on the index page.
We wanted on the we wanted on the about page contact us page and all the other pages that you may want
to have on our website.
So the body, the one that needs to be dynamic here, what you can do and by the way, sometimes when
you put it is good, especially if you're using using voice code.
We could go ahead and start closing things for you.
So you need to you need to.
You see this one?
When I saved it, we created it across the head.
And the e-mail don't do that because that is going to be closed, remember, after everything has been
done in the FUTA.
So if you're using the watch out for that.
So how do we make sure that the content is here?
That is what we do.
This is Jenda.
We want to do a bracket and the percentage design and then are going to do here a block and a block.
We are going to give this block a name so we can just call it what you can call it, whatever you want
to call it.
So, for instance, I can call mine pitch content.
It's content, content, and then after that, make sure that you remember to close that blog.
So here we do see and blog.
Do you have a blog?
You give you a broken name and then you end blog.
So this is where the content is going to go after that, come to your page and look for your futa.
So futa.
Food is here, so everything here just got everything worked out.
And save your file and then come back here after you have put in that piece in your futa so you can
see we have we have our head now.
We have our dynamic content and the food as if it.
Then after you save it.
The page is now this hour, Paesano does not have the hidden.
So if you reload, this page is going to break.
You see how it looks does not have the header, the photo.
So how do we inherited?
How do you inherit a how do you inherit the bits that we have here inside of this page here?
Now, this is what you are going to do.
We said of this page, the only thing you're going to be doing here is to bring you the name that you
give to your content here.
This one's the name that you had here.
You could just copy this, this section as it is.
A journalist is and then faced with this thing here, so we have a blog, pretty content, and then
you're going to inherit.
Now you're going to inherit this beast.
So, again, I broke Brocket in the passenger train.
And when you inherit in inherit and what I'm going to inherit, you put into brackets sorry, you put
into brackets and then you give the power to your file.
So our part is basically the template because remember, it is inside of so remember, it is inside
of these templates folder and then we have a library base to teach HTML.
So US library and this will help library, not the library would put American.
A broadly based civic.
And go back to your page and try to read it again.
Um, we have an issue.
Let's see what we have done wrong, inherit the right inherit will.
The inheritance return is not inherited, sorry, this one is extends its extends, not inherited,
sorry, so I'm talking about inherited and I only thinking about inheriting stuff.
So now we have we have our futa here.
Why is it that we don't have our header.
Let's confirm.
So we are extending library base and then we ended that block.
So let's see, let's see, let's see what's happening here.
Page block.
Um.
Blog page content.
Blog, which contains so this ad is not shown.
Uh huh.
And.
We have to close our head at six and got Tanya.
I had a section of.
Uh huh.
OK.
Where exactly are Mohammed?
Page, extensive blog and blog.
So this has to be the.
We have we have we have expanded this template here we have.
Block content.
Superabundant.
Will come with this.
OK, but.
It save.
Slewed.
Yes, so what we had done wrong here, I copied let me do this when we copied this, remember when you
and your best template here, we copied this so idea I wanted to to make this very simple so that when
you explained when you when you put this content here where you are with love, you are dynamic content.
Remember, this is inside of you.
You are your e-mail file, whatever name you give you or whatever you have here.
Copy, copy this content copy as is go back to your page, the page that you want to the page that you
want to read it is into and then you paste it and then and you it.
This is what we did.
But then we did not remember to talkativeness.
This dynamic content is going to come in between here.
So this is where we're going to have our dynamic content.
And remember, the dynamic content in this case is our page, our body content here.
So we need to remove this one here and put it to the end here.
Then you say.
To now, when know, reload our page, everything, once we have our logo, everything is working fine,
demonstratives are working fine, everything is fine, we have our futa, we have our job.
But remember this then we have inherited a template.
We have not we have not written everything instead of one file in there for now.
And we need to create our about which we are just going to inherit to inherit the best template.
And we have got to go.
I don't know that we have any question before we go ahead and create that beach.
OK, OK, just go ahead and create our about page and about the page.
Again, we are not going to be we are going to go into our.
We are not going to be treating it from scratch.
Remember, we have a team and they are both about the speed you want.
Is this one.
What we have on our team here.
So what do you have in.
Here you have about a copy of this, then go back to your application at the public, go to w w w you
have library now.
By the way, before even before we create that, here we have we are testing this thing as a library
so we can do e-mail.
Obviously, this includes interloping our file.
What if you want to add the other pages, like, no, you need to add our both page and we can't just
drop it here, because if we drop it here and we try to access it, like this is going to load the the
default about us, not about us.
Page done by frappé.
So how about we create our folder, a new directory and call it a library.
That's the name of our library.
And then we go about our library.
Notice the file inside when you do that.
Now, when we come to Lebanon to this day, it is not going to work.
No.
One is.
It will not work.
So it's not.
What if we remove this threat?
What is it?
As before?
It's not found by now.
We can do library e-mail.
This works by.
Look at this.
Look at this library, the library again.
And by default, you notice the email when you have index dot index, notice the e-mail file.
That file is what is routed by default to individuals.
So what if rename this to index, not e-mail so that instead of library we have our full support library
and then inside it we have an index Lutetia email file.
If you reload, this is not going to work because of course do have library.
We can call it index.
This time this one works.
So now we have librarians in index.
Notice the email.
If we completely remove the index, this the email file and we reload, this one still works.
We have our domain.
For our you are in and then we have a library.
This one still works.
Like I explained, the reason why it is working is because it will by default look for index notice
e-mail file.
So that one once that looks better now we come here, create a new new let me do it from here, create
a new file.
Here, create a new file and this file about the tragedy want relocatable these.
Mode of e-mail and the e-mail file and by the way, we did not even need to create it, we just need
to let me just delete it.
We just need to delete it or delete it like that.
It's gone, so we just need to copy they are both us page in our template, so this one here copy and
then pasted here.
So now what happens when we go to library about.
We have our brutal speech.
But remember, it will be broken.
It will certainly be broken because we have copied it.
It's not inheriting our templates.
And yeah, you see, it's broken, it's not inheriting our templates.
And it's just it's just a file that does not know.
We have to get a static files.
So now let's go ahead and start inheriting our template.
So this one.
Was deleted, so I can close it.
We have our index note e-mail, this one extends this so we can copy this file, how easy this becomes.
I copy this part of this file and go back into my.
Where's my.
Oh, yeah, it's down here.
So this is what I'm supposed to copy about as you scroll down until you see body.
Remove that infrastructure and then go back here.
You need to close.
You need to close the knot.
They are here.
You need to close you.
You need to close your block.
So I've been good to you about both speed and remove the and everything about a foot.
So scroll up the photostats here.
So highlight everything they read in the piece.
You are in the block and I save and I wrote my protest page.
Things should be working.
Except again, I think images are not going to work because I think they are invited.
Is that OK?
Yeah.
You see now are both speeches working fine?
We have our logo, which is not loading.
Ideally, I think logos should have gone to the to the other.
But both US page everything looks fine here except our images, which are custom for the about US page.
So we have a photo here which is again working fine.
So let's see why the logo is not working.
Where is it.
Is it here.
Let me see.
Logo.
Yes, we have our logo.
No, I don't want to check it.
I want to see Index find local apparently is in the index page.
So what we do is remove this section also.
So no.
Yes, I think some of us would have gone then we have mudo I don't know which model is that.
We can leave that or we even get it.
And by the way, you can also use if you have own like this dear to the left, you can compress it to
see where it ends.
So this again looks like it can go up.
The idea here you are just going to look at what you think.
What do you think can go into the other section and you put it there?
So let me get let me grab everything here.
Grab everything the.
Was it the key to this base here?
Down here?
Is it safe?
So I have deleted it from the index without saying I will also delete the same from my from my about
page.
So this is starting from a so def moto class.
A declasse model.
So let me go here and see where that is.
This classroom would also remove everything you said to that.
So save it.
And now in a little more appropriate, I should see the logo working fine.
Yes, so we have a boat that's been working fine and we also have our home page working fine.
So if I click on now look at the links we have here, look at look at the ratings.
The ratings are not that are not as good as we expect.
Because when I have a look at my bottom bottom here, bottom left when I over this one used to take
me to index to Lybrel index.
Yes, it will work.
But remember, we eliminated this index.
We don't need to show people index here so you can you can customize that yourself.
So this is not about you go to your go to your menus here.
You can just look for your next e-mail.
So this is the logo.
Just remove this.
Replace it with just us.
It's increased to another one.
This one.
Yeah.
The home.
We don't need it to look like that.
Just replaced with slash then about remove e-mail then put here library slash save.
Let's see what happens now.
You did.
When I hop on the local.
About us, Delaware have not changed, apparently, we have our own.
Yeah, this is not going to happen, is going to work soon because you are going to be directing it
to our main page.
So about the speed when I click on it.
Library, library about that state is wrong.
So this one should be like that.
I'm sorry, Lord you, Darbyshire.
Hovering about.
And we still have an issue so we can remove this race, I think.
Move this large, loaded.
Yes, perfect.
So now about us is watching, OK?
We now need to connect the question that Maureen asked such that when we load our pigs, we do not need
to go to library to see what we have customized.
And again, we do not want to see a this page and then we start adding slides or whatever so that you
can Google our page.
We want the moment our users load this page, when they load this page, we want them to be taken directly
to the page we have just customized.
So we do that.
We are going to do that from the back end.
So you need access to login.
We need login access and then login as admin.
Question is, what is it, suppose a company already have a website?
Yes.
So this website needs to be integrated ERP next.
Are we going to follow the same steps or if there are different steps, if you just tell me the high
level.
OK, so what do you need?
What do you mean?
Here is the website will need to run on ERP next.
It's already exist.
There is a website running, it exists, but what is the objective?
Why do they want to integrate it, integrate how to so that it runs on Europeanist or.
I don't know, there is a connection maybe between the existing IRP next for sale or e-commerce or something,
and you need to connect the existing website with ERP next time.
I mean, is it possible?
I don't know my question now, if it is possible or not, to connect the existing website as you did.
Now this new pages and you customize this and you are going to link these pages with ERP next.
I mean, is it possible to reuse existing website with ERP next or it should be a separate, separate
components, separate environments, separate everything there.
That the only way to do that Emami if if maybe you want it to be powered by Europeanist at the back
end, you need you will definitely need to migrate the whole Web site like we have done without it is
running on frappé.
So you're going to have to follow the steps we have done and you migrate page after page.
OK, and you will stop the existing one and create a new one.
Yes, OK, yes, OK, fine.
So let's now customize this.
So what we are going to do on you, I have logged into our instance on the back end here.
Look for Web site.
A.
Open website, and then from here, good websites say things, you see this home we have here, if you
come to our instance, the artist whom you're going to get the same thing.
The same is true if you are Selous Index I now up to the I think you already have your answer.
So if we have a library here and we are seeing our using our what if we could pick this library and
put it here and see if that's it.
That's all we need.
So if I remove this library and I enter, we have our website.
So that's it, that's that's that's all I had for you today, Maureen, I hope your question is no answered.
So what you do is just to change the homepage.
You are in that seat.
You you're good to go.
That's perfect.
Thank you.
Is.
Oh, excellent.
And so, guys, if you have a question.
Lautz.
So now if you summarize the work you did, you just give a summary.
On different steps.
So, yes, I should have written the first step.
If you check my notes, the first step here is, of course, you identify and download the theme that
you want to use.
And then copy the static files to the public directory of your next.
This is you remember remember that we are told they don't have to show that way.
Yeah, they just Tomaree just looking OK, then the third step will be to move the aliens file to the
w w w folder.
That is the index of the index of your team, then you can decide to rename it to something else, you
will actually need to rename it to something else, like we renamed our library.
Then the next step is to split the file so that you are able to create the templates.
So, you know, I guess we split we split this file into into Wikipedia's library base, which has all
of a static code.
And then the next thing is to create after that, of course, after you are imported, then the next
thing maybe is not go ahead and start creating other pages.
And then the last stage is to point you are you are you are you are homepage from the back end here.
To the team that you have created, Dustin, till now, we have created two pages, the home page,
which is a totally new team, our connection to two pages, right?
Yes.
So it is the home page.
And again, index and home page read.
Yes.
About, about and things and about.
We have created two pages.
So in the template there is courses and there is other pages, events, blog.
So if we want to enable them, we have to continue and redo the same steps for other pages, right?
Yes, yes, yes, yes.
If you want to do the contact us page, if we click on this, you see it's complaining that this page
is not found and you just copied from the team about, I think, the contact, contact, contact.
This one is just copied from here and pasted here.
And then the next step, of course, is to do the static files.
OK, yeah, I know.
Now these pages are static means not reading from our ERP.
Any data, right?
No, they're not reading.
They're not reading in the data from Europe.
Next, they are not reading in the data.
So what it is, is this is not an item here.
What can be a dynamic data.
So we are going to be getting some data.
Remember, we have articles in they are going to be displaying them on this template.
Yeah, so this is this is a topic for another day dynamic.
So in this case, you will read the data from IRP and displaying this in your pages, right?
Yes.
OK, Karani.
So if we have multiple sites and we want to talk about all the data.
If we have multiple sites and we want to display that our database and for each website will have
its database.
Yes.
They see what I mean, uh, granule.
So you have multiple sites.
What is your question moment every side will display its own database of information.
Yes, yes.
OK, OK, I get you, I get you, get you, get you.
What is that?
I didn't get the question is think ideally what you're saying is remember.
We have multiple sites is a those sites, each side has its own database.
Right now we are talking about displaying dynamic data on our site, on our Web site is.
So from which database are you going to get the data?
I don't know if we will see it in the topic number 10.
Yes, so.
That's a good question.
So I will answer that area of the underlying question.
But then again, I do not hope for the time you can fetch properly your site data from its database.
This is what we can see now, right current.
And if every site will display his own database data, one more question.
There is in therapy, there is a module called website.
And you can create pages there, right?
Yes.
You can add content.
You can add all this.
Is it same things?
And it is this.
What we saw today is similar or different method to create pages.
That one is different.
Remember, what we are doing today, Mummy, is we are I don't want to go there.
We were customising.
We were customising, because when you talk about the proposed default website creating template, it's
we are talking about this is so it has its head, not its head.
It looks like this and it has its futa.
Look, for instance, if I come here, I mean, let me demo this by an example to the library council
and they create a file called Tharani Dautrich, the email.
And then inside of this world, I do I bring one with it.
I do.
I bring one with this is artist.
And then I come to my application here and then I do library slash Karani.
You see, yes, we only put this.
But look for Upper House visiting us in to inherited the header and it has inherited even the emails
and the FUTA, this one has come from Frappier.
Our page only has this content here, only this one.
So when you created the default template, you're going to get this.
But what we have done, we don't want to see anything like this on our website, so we want to see this
the theme that we have created, we want everything to be like this.
Our hand has to be look like this navigation to look like this in our future, to look like this.
And then we can customize everything else in between.
OK, I saw another thing you created duct tape and for they call it waveform.
Mm hmm.
And so web form is something else, right?
Is it is it will be part of the next topic will perform or form with something else we get.
We can cover that.
Maybe not in a topic, in another topic.
Because worked for them when you create, as I saw it, when you created DOCTYPE Oldfield's of that
DOCTYPE, you can show them directly in work form as a form to collect data or collect any information
from the end user so you can publish this doctor.
I mean, there is a direct connection, direct link between the web form and the DOCTYPE.
If you if and use it, open the website and goes to this web forum and feel data, it will feel data
like haloed CV or resume.
So this data will be added in the database directly, right?
Yes.
So this is a good feature.
But now you added to these pages are only static, maybe.
Next topic, we saw how to add data in the database starting from this our custom pages, right?
Yes.
OK, fine.
So I think it's clear a very fruitful session.
Thank you very much.
So if we don't have questions, recording will be available after maybe 15 to 30 minutes on the set
for the.
So thank you very much for attending the sessions and see you next week.
And gentlemen, thank you so.
Thank you.
Bye bye bye.